<template>
	<div>
		<div class="h2">教师详细信息</div>
		<a-tabs default-active-key="2" @change="tabChange">
			<!-- <a-tab-pane key="1" tab="运动数据">
				<index1></index1>
			</a-tab-pane>
			<a-tab-pane key="6" tab="健步走完成情况">
				<index6></index6>
			</a-tab-pane> -->
			<a-tab-pane key="2" tab="活动数据">
				<index2></index2>
			</a-tab-pane>
			<a-tab-pane key="3" tab="积分数据">
				<index3></index3>
			</a-tab-pane>
			<a-tab-pane key="4" tab="参加的学生组织数据">
				<index4></index4>
			</a-tab-pane>
			<a-tab-pane key="5" tab="指导的学生组织数据">
				<index5></index5>
			</a-tab-pane>
		</a-tabs>
	</div>
</template>

<script>
import index1 from './components/index1.vue';
import index2 from './components/index2.vue';
import index3 from './components/index3.vue';
import index4 from './components/index4.vue';
import index5 from './components/index5.vue';
import index6 from './components/index6.vue';
export default {
	components: {
		index1,
		index2,
		index3,
		index4,
		index5,
		index6
	},
	data() {
		return {
			tabkey:1
		};
	},
	computed: {},
	created() {
	},
	mounted() {},
	methods: {
		tabChange(key) {
			this.tabkey = key;
		},
	}
};
</script>

<style lang="less" scoped>

</style>
